<template>
	<div id="Upload">
		<div id="Begin">
			<x-header :left-options="{showBack: false}" title="发布拍品" class="header">
				<a slot="left" @click="back()"><i class="tp-icon icon-black-back"></i></a>
				<a slot="right" @click="auctionEdit()">保存</a>
			</x-header>
			<div class="goodsname">
				<span>拍品标题</span><input type="text" v-model="goods_name" placeholder="简要概括拍品名称" />
			</div>
			<div class="photo">
				<span class="auction-title">拍品详情</span>
				<group class="textarea">
					<x-textarea id="text" :max="600" placeholder="简单描述您的拍品" v-model="remark" :show-counter="false" :height="140" :rows="12" :cols="50"></x-textarea>
				</group>
				<div class="img-list" id="imgList">
					<div id="photos">
						<div class="item" v-for="(item,index) in imgval">
							<img :src="'/los' + item" />
							<p class="add">主图</p>
							<a @click="delUploadImg(index)" href="javascript:;" class="del">删除</a>
							<input type="hidden" id="images" name="images[]" :value="item" accept="image/*" />
						</div>
					</div>
					<div class="last" v-if="isWeixin == false">
						<div class="add">添加图片</div>
						<input id="file" name="images[]" type="file" class="fileprew" accept="image/*" multiple="multiple" />
					</div>
					<div class="last" @click="wxChooseImage" v-else>
						<div class="add">添加图片</div>
						<!--<input id="file" name="images[]" type="file" class="fileprew" accept="image/*" />-->
					</div>
				</div>
				<div class="clear"></div>
				<div id="hidden"></div>
			</div>
			<group class="classify">
				<cell title="选择分类" :value='checked' @click.native="showClassify=true"></cell>
				<img src="../assets/images/home/icon_right2.png" alt="" />
			</group>
			<group class="book" style="margin-top: 0;">
				<cell title="鉴定证书" :value='checked' @click.native="authenBook=true">{{bookCore}}</cell>
				<img src="../assets/images/home/icon_right2.png" alt="" />
			</group>
			<div class="goodsname" v-if="authenKey == 'appraisal_site'">
				<span>证书编号</span><input type="text" v-model="appraisal_number" placeholder="请输入证书编号" />
			</div>
			<!--上传证书图片-->
			<div class="authenUpload" v-show="showPic">
				<div class="upWrap">
					<input type="file" id="file1" class="fileWrap" name="image" accept="image/*" />
					<img src="../assets/images/home/icon_cert_add.png" alt="" />
					<div class="add">上传证书</div>
				</div>
				<div class="certImg">
					<img src="" alt="" />
				</div>
			</div>
			<!--分类选择-->
			<popup v-model="showClassify" style="position: fixed;bottom: 0;background: #fff;padding-bottom: 0.26rem;z-index: 999;">
				<div class="checkTitle">
					<p>选择分类</p>
				</div>
				<checker v-model="checked" default-item-class="checked-item">
					<checker-item :value="item.category_name" v-for="(item,index) in categorys" @on-item-click="onItemClick(item.category_name,item.category_id)" :key="index">{{item.category_name}} </checker-item>
				</checker>
			</popup>
			<!--鉴定证书-->
			<popup class="dialog" v-model="authenBook" style="position: fixed;bottom: 0;background: #fff;height: 4rem;z-index: 999;">
				<checklist :options="appraisal_from" :max="1" @on-change="change">{{bookCore}}</checklist>
			</popup>
			<div class="nextPage" @click="sallInfo()">下一步</div>
		</div>
		<div id="Finish">
			<x-header :left-options="{showBack: false}" title="发布拍品">
				<a slot="left" @click="hide()"><i class="tp-icon icon-black-back"></i></a>
			</x-header>
			<div class="PersonList">
				<ul>
					<li @click="timePage = !timePage">
						<div>
							<span>开拍时间 </span>
							<b class="choose" v-if="!time1">点击选择</b>
							<b class="choose" v-else>{{time1}}</b>
							<img src="../assets/images/home/icon_right.png" alt="" />
						</div>
					</li>
					<li @click="checkEndTime">
						<div><span>结拍时间 </span>
							<b class="choose" v-if="!time2">点击选择</b>
							<b class="choose" v-else>{{time2}}</b>
							<img src="../assets/images/home/icon_right.png" alt="" />
						</div>
					</li>
				</ul>
			</div>
			<div class="startPrice">
				<span>起拍价</span><input type="number" @keydown="handleInput" v-model="startPrice" />
			</div>
			<div class="startPrice">
				<span>加价幅度</span><input type="number" v-model="picked" />
			</div>

			<div class="startPrice">
				<popup-picker title="保证金" :data="radio1" v-model="promised"></popup-picker>
				<img class="right" src="../assets/images/home/icon_right.png" alt="" />
			</div>
			<div class="startPrice">
				<span>市场估价</span><input type="number" v-model="valuation" />
			</div>
			<div class="postage">
				<group>
					<x-switch title="售后" :value-map="['0', '1']" v-model="is_return"></x-switch>
				</group>
				</group>
				<group class="free">
					<x-switch title="包邮" :value-map="['0', '1']" v-model="is_mail"></x-switch>
				</group>
			</div>

			<div class="protocal">
				<p>发布即表示同意
					<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block';">《好文玩竞拍服务协议》</a>
				</p>
			</div>

			<div id="light" class="white_content">
				<b>好文玩竞拍服务协议</b>
				<div class="proInfo">
					在接受本协议之前，请用户仔细阅读本协议的全部内容。如果用户对本协议的条款有疑问的，请通过好文玩客服渠道进行询问，好文玩将向用户解释条款内容。如果用户不同意本协议的任意内容，或者无法准确理解好文玩对条款的解释，请不要进行后续操作。用户在使用过程中点击“同意”按钮即表示用户完全接受“本协议”项下的全部条款。
					<br />第一条：定义
					<br /> 1.1、网络竞拍：是指卖家以网络竞拍方式发布拍品，采用公开竞拍形式，由出价最高者最终获得拍品的交易方式。
					<br /> 1.2、竞拍者：在竞拍过程中对拍品出价者。
					<br />1.3、买家：指竞拍中获胜，最终有权按照成交价格购得拍品的竞拍者。
					<br /> 1.4、卖家：将自有物品通过好文玩竞拍服务进行出售者；
					<br /> 1.5、拍品：卖家以网络竞拍方式出售的自有物品。
					<br /> 1.6、好文玩竞拍服务：郑州宋唐电子商务有限公司通过互联网向交易双方提供网络竞拍服务技术平台的服务。
					<br /> 1.7、交易双方：通过网络竞拍方式交易的买家及卖家。
					<br /> 第二条：立约背景
					<br /> 2.1、本协议由郑州宋唐电子商务有限公司（以下简称“好文玩”）与接受好文案竞拍服务的竞拍者、买家、卖家(以下合称“用户”)签署。
					<br /> 2.2、为维护交易秩序，规范竞拍者、买家、卖家的行为，保障交易双方的合法权益，拟定本协议。
					<br /> 2.3、好文玩仅向用户提供网络竞拍服务技术平台服务。其中，本协议项下的互联网信息服务、网站相关技术支持、服务及网站空间由腾讯公司提供，本协议项下相关费用支付服务由财付通、易宝支付、支付宝等第三方支付机构提供。网络竞拍服务技术平台上的拍品信息及拍品相关描述（以下统称“拍品信息”）均由卖家自主发布，竞拍者参与竞拍且竞拍成功时，交易双方之间达成买卖合同关系并受该买卖合同的约束。
					<br /> 第三条：好文玩竞拍服务的条件
					<br />3.1、符合以下条件的用户方能接受好文玩竞拍服务：
					<br /> 3.1.1、通过关注好文玩微信号(ihaowenwan)或注册成为好文玩用户；
					<br />3.1.2、好文玩未拒绝并向用户提供竞拍技术服务。
					<br /> 第四条：用户权利与义务
					<br />4.1、用户有权利拥有自己在好文玩的用户名及交易密码，用户不得以任何形式擅自转让或授权他人使用自己的好文玩用户名及密码。
					<br /> 4.2、用户在使用好文玩竞拍服务交易过程中如与其他用户因交易产生纠纷，可以请求好文玩予以协调。用户如发现其他用户有违法或违反本服务协议的行为，可以向好文玩进行反映要求处理。如用户因网上交易与其他用户产生诉讼的，用户有权通过司法部门要求好文玩提供相关资料。
					<br /> 4.3、用户有义务在注册时提供自己的真实资料，并保证诸如电子邮件地址、联系电话、联系地址、邮政编码等内容的有效性及安全性，保证好文玩及其他用户可以通过上述联系方式与自己进行联系。同时，用户也有义务在相关资料实际变更时及时更新有关注册资料。用户保证不以他人资料在好文玩进行注册或认证；
					<br /> 4.4、用户应当保证在使用好文玩竞拍服务进行交易过程中遵守诚实信用的原则，不在交易过程中采取不正当竞争行为，不扰乱网上交易的正常秩序，不从事与网上交易无关的行为。
					<br /> 4.5、用户不应在好文玩竞拍服务平台上恶意评价其他用户，或采取不正当手段提高自身的信用度或降低其他用户的信用度。
					<br />4.6、用户在好文玩竞拍服务平台上不得发布各类违法或违规信息；不得以任何行为扰乱好文玩竞拍服务平台秩序。
					<br />4.7、用户在好文玩竞拍服务平台上不得买卖国家禁止销售的或限制销售的物品、不得买卖侵犯他人知识产权或其它合法权益的物品，也不得买卖违背社会公共利益或公共道德的、或是好文玩认为不适合在好文玩竞拍服务平台上销售的物品；
					<br /> 4.8、用户承诺自己在使用好文玩服务时实施的所有行为均遵守国家法律、法规和好文玩的相关规定以及各种社会公共利益或公共道德。如有违反导致任何法律后果的发生，用户将以自己的名义独立承担所有相应的法律责任。
					<br /> 4.9、用户未通过好文玩实名认证的，发布拍品仅限于个人测试使用，拍品信息不对外公开。
					<br /> 4.10、用户应当按照本协议、附件（包括但不限于《好文玩会员服务用户协议》、《好文玩竞拍服务管理规范》、《好文玩竞拍服务保证金规范》以及所有好文玩已经发布的或将来可能发布的各类规则、操作流程）参与上架、出售拍品，遵守相关出价、成交价格、交付拍品、竞拍保证金止付锁定/释放/赔付等各类规定。
					<br /> 4.11、交易双方因货物质量问题发生退货、退款纠纷的，双方应当友好协商解决；协商不成的，双方同意将纠纷提交好文玩作最终裁定。双方接受好文玩裁定作为终局解决方案，非因好文玩故意或重大过失，不得向好文玩作出任何索赔要求。
					<br /> 4.12、卖家义务
					<br /> 4.12.1、卖家根据《好文玩竞拍服务保证金规范》处理保证金相关事宜。
					<br />4.12.2、在竞拍成功时，卖家应当按照好文玩业务流程将符合卖家描述的拍品交付买家。
					<br /> 4.13、竞拍者、买家义务
					<br /> 4.13.1、买家根据《好文玩竞拍服务保证金规范》处理保证金相关事宜。
					<br /> 4.13.2、在竞拍成功时，买家应当向卖家支付拍品价款。
					<br /> 4.13.3竞拍者确认，因部分卖家的竞拍活动须向有关工商行政管理部门申报并提供买家（含所有参与竞拍者）的相关身份信息，如竞拍者参与竞拍的拍品属于该部分卖家提供的拍品，则同意将竞拍者的身份信息（包含但不限于姓名、身份证件号码、住址等）提供给卖家用于向工商行政管理部门申报之用，具体提供方式为：签署本协议后，在网络页面中填写相关身份信息。
					<br />第五条：好文玩权利与义务
					<br />5.1、好文玩同意向用户提供稳定的网络竞拍服务技术平台，使用户在好文玩竞拍服务平台上架、出售拍品、参与竞拍、交易拍品；用户同意严格按照本协议约定使用好文玩竞拍服务技术平台。
					<br /> 5.2、对用户在注册使用好文玩竞拍服务技术平台中所遇到的与交易或注册有关的问题及反映的情况，好文玩应及时作出回复。
					<br /> 5.3、对于用户在好文玩竞拍服务技术平台发布的下列各类信息，好文玩有权在不通知用户的前提下进行删除或采取其它限制性措施，包括但不限于以炒作信用为目的的信息；好文玩有理由相信存在欺诈等恶意或虚假内容的信息；好文玩有理由相信与交易无关或不是以交易为目的的信息；好文玩有理由相信存在恶意竞价或其它试图扰乱正常交易秩序因素的信息；好文玩有理由相信该信息违反公共利益或可能严重损害好文玩和其它用户合法利益的。
					<br /> 5.4、因网络技术平台的特殊性，好文玩没有义务对所有用户的注册数据、所有的交易行为以及与交易有关的其它事项进行事先审查，但如存在下列情况之一，好文玩有权根据不同情况选择保留或删除相关信息或继续、停止对该用户提供服务，并追究相关法律责任。
					<br /> 5.4.1、好文玩经检查发现用户有违法或不当行为的，好文玩以普通非专业交易者的知识水平标准对相关内容进行判别，可以明显认为这些内容或行为具有违法或不当性质的。
					<br /> 5.4.2、用户或其它第三方向好文玩告知用户有违法或不当行为的，好文玩以普通非专业交易者的知识水平标准对相关内容进行判别，可以明显认为这些内容或行为具有违法或不当性质的。
					<br /> 5.4.3、经国家生效法律文书或行政处罚决定确认用户存在违法行为的。
					<br /> 5.5、好文玩会在用户的终端设定或取用好文玩cookies。好文玩允许那些与好文玩合作的第三方到用户终端上设定或取用好文玩 cookies 。在用户登录时获取数据，好文玩使用cookies可为用户提供个性化服务。用户同意上述设定或取用好文玩cookies的行为，否则用户将不能使用好文玩竞拍服务。
					<br /> 5.5.1、涉及到相关拍卖资质的活动，由郑州宋唐电子商务有限公司提供相关知识和资质支持。
					<br /> 5.6、好文玩有权保留用户交易记录，用户不得以任何理由要求好文玩删除用户交易记录。
					<br /> 第六条：技术服务费
					<br />6.1、卖方应按照最终拍品成交金额的5%向好文玩支付技术服务费；好文玩目前对上架的拍品免收技术服务费。
					<br /> 6.2、好文玩收取技术服务费之前，应当提前十五日进行公告。
					<br />6.3、微信、易宝等第三方支付收取0.6%的手续费，好文玩目前全额补贴给用户，但好文玩有权随时停止此项补贴。
					<br /> 6.4、为防止信用卡套现，针对信用卡支付向商家收取1%手续费。
					<br /> 6.5、针对支付宝付款和QQ钱包付款向商家收取1%手续费。
					<br /> 6.6、为防止用户使用晒宝／预展的打赏功能套现，好文玩会从打赏款项中收取2%手续费。
					<br /> 6.7、对于买方下单后支付至好文玩平台的货款，卖方授权好文玩先行向买方收取并保存；待买卖双方根据好文玩业务流程完成交易后，卖方方可根据好文玩业务流程向好文玩发出提取货款的相关申请，好文玩将根据业务流程及卖方要求，向卖方支付所完成交易的货款。
					<br /> 6.8、好文玩将拍品款项支付给卖家后，交易双方再发生退货、退款的，已收取的技术服务费和手续费不予退回。
					<br /> 第七条：免责及有限责任
					<br /> 7.1、本协议项下的网络竞拍服务技术平台技术服务将按“现状”和按“可得到”的状态提供，好文玩将在现有技术的基础上尽最大努力提供相应的安全措施以保障服务安全和正常运行。但由于可能存在的计算机病毒、网络通讯故障、系统维护等方面的因素以及可能发生的不可抗力事件，好文玩在此明确声明对技术服务不作任何明示或暗示的保证，包括但不限于对服务的可适用性、没有错误或疏漏、持续性、准确性、可靠性、适用于某一特定用途。对此用户予以理解并不应要求好文玩在以下情况下承担责任：
					<br /> 7.1.1、系统停机维护；
					<br />7.1.2、通讯终端或电信设备出现故障不能进行数据传输的；
					<br /> 7.1.3、因台风、地震、海啸、洪水、停电、战争、恐怖袭击等不可抗力之因素，造成系统障碍不能提供服务的；
					<br /> 7.1.4、由于黑客攻击、电信部门技术调整或故障、网站升级、第三方问题等原因而造成的服务中断或者延迟。
					<br /> 7.2、好文玩仅向交易双方提供技术平台以便交易双方之间达成拍品相关的交易，好文玩并非交易的参与方，不对卖家的任何口头、书面陈述或者向好文玩的线上信息及拍品之真实性、合法性做任何明示或暗示的担保，或对此承担任何责任。如因拍品交易产生纠纷的，均由卖家以自己的名义独立承担所有相应的法律责任。
					<br /> 第八条：终止服务
					<br />8.1、如用户向好文玩提出注销好文玩注册用户身份时，经好文玩审核同意，由好文玩注销该注册用户，用户即解除与好文玩的服务协议关系。但注销该用户账号后，好文玩仍保留下列权利： 用户注销后，好文玩有权保留该用户的注册数据及以前的交易行为记录。 用户注销后，如用户在注销前在好文玩信息发布平台上存在违法行为或违反合同的行为，好文玩仍可行使本协议所规定的权利。
					<br /> 8.2、在下列情况下，好文玩可以注销用户。注销用户后，好文玩有权删除用户提交的任何资料，好文玩没有义务为用户保留原账号中或与之相关的任何信息。用户同意，好文玩不就注销用户而对用户或任何第三者承担任何责任。
					<br /> 8.2.1、在用户违反本协议相关规定，经好文玩限期整改仍然不符合本协议规定的。
					<br /> 8.2.2、好文玩发现用户注册数据中内容是虚假的。
					<br /> 8.2.3、用户在超过180天的时间内未以用户的账号及密码登录好文玩技术平台的。
					<br /> 8.2.4、好文玩已经注销该用户，该用户再一次直接或间接或以他人名义注册为好文玩用户的。
					<br />8.2.5、其它好文玩认为需注销用户的情况。
					<br /> 8.3、注销用户后的交易处理
					<br />8.3.1、注销用户前，该卖家已经上传至好文玩的物品尚未交易或尚未交易完成的，好文玩有权在注销用户的同时删除此项物品的相关信息。
					<br /> 8.4.2、注销用户前，买家已经就其它用户出售的具体物品作出竞价，但交易尚未结束，好文玩有权在注销用户同时删除该买家的相关竞价。
					<br /> 8.4.3、注销用户前，该用户已经与另一用户就具体交易达成一致，好文玩可以不删除该项交易，但好文玩有权在注销用户同时将该用户被中断或终止服务的情况通知交易对方。
					<br /> 第九条：协议生效和适用范围
					<br />9.1、用户通过网络页面点击确认或以其他方式选择接受本协议，即表示用户与好文玩已达成协议并同意接受本协议的全部约定内容。本协议自用户通过网络页面点击确认或以其他方式选择接受本协议之时起生效。
					<br />9.2、本协议内容包括协议正文、附件（包括但不限于《好文玩会员服务用户协议》、《好文玩竞拍管理规范》、《好文玩竞拍服务保证金规范》、《好文玩争议处理规范》、《关于好文玩争议处理的相关原则》、《禁止和限制销售的拍品》以及所有好文玩已经发布的或将来可能发布的各类规则、操作流程）。好文玩有权根据需要不时地制定、修改本协议、附件或各类规则、操作流程，如有任何变更，好文玩将在网站上以公示形式通知用户。
					<br />任何修订和新规则及流程一经公布即自动生效，成为本协议的一部分。如用户继续参与竞拍的，则视为用户对修改后的条款不持异议并同意遵守。
					<br /> 第十条：其他约定
					<br />10.1、本协议适用中华人民共和国大陆地区法律。
					<br /> 10.2、因好文玩与用户就本协议的签订、履行或解释发生争议，双方应努力友好协商解决。如协商不成，好文玩和用户同意由好文玩住所地法院管辖审理双方的纠纷或争议。
				</div>
				<a class="close" href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none';">我已阅读该协议</a>
			</div>
			<div id="fade" class="black_overlay" onclick="document.getElementById('fade').style.display='none';document.getElementById('light').style.display='none'"></div>
			<div class="issue" @click="UploadShopInfo()">发布</div>

			<popup v-model="timePage" style="position: fixed;bottom: 0;background: #fff;">
				<div class="timeWrap">
					<div class="today">
						<div class="box" v-for="(item,index) in startTime" :key="index">
							<h2>{{item.date}}</h2>
							<checker class="itemChecked" v-model="item.datetime" default-item-class="demo1-item" selected-item-class="demo1-item-selected">
								<checker-item :value="item.date + time" @on-item-click="selectStartTime" v-for="(time, i) in item.time" :key="i">{{time}}</checker-item>
							</checker>
						</div>
					</div>
				</div>
			</popup>
			<popup v-model="timePage2" style="position: fixed;bottom: 0;background: #fff;">
				<div class="timeWrap">
					<div class="today">
						<div class="box" v-for="(item,index) in endTime" :key="index">
							<h2>{{item.date}}</h2>
							<checker class="itemChecked" v-model="item.datetime" default-item-class="demo1-item" selected-item-class="demo1-item-selected">
								<checker-item :value="item.date + time" @on-item-click="selectEndTime" v-for="(time, i) in item.time" :key="i">{{time}}</checker-item>
							</checker>
						</div>
					</div>
				</div>
			</popup>
		</div>
		<!--模拟上传进度-->
		<loading :show="show" text="上传中"></loading>
		<alert v-model="success" :title="msg"></alert>
		<toast v-model="upload" type="text" width="4.5rem">{{msg}}</toast>
	</div>
</template>

<script>
	import $ from 'jquery'
	import 'lrz/dist/lrz.all.bundle'
	import axios from 'axios'
	import wx from 'weixin-js-sdk';
	import { XHeader, Checker, Checklist, XInput, CheckerItem, Group, Cell, XTextarea, Toast, XSwitch, PopupPicker, Popup, Loading, Alert } from 'vux'
	export default {
		data() {
			return {
				authenBook: false,
				remark: '',
				startPrice: '1',
				picked: '1',
				promised: ['1'],
				valuation: '1',
				showClassify: false,
				is_mail: 0,
				is_return: 0,
				cateList: [],
				updateImg: [],
				imgval: '',
				time1: '',
				time2: '',
				checked: '',
				startTime: [],
				endTime: [],
				draft_auction: '',
				start_time: '',
				goods_name: '',
				end_time: '',
				success: false,
				upload: false,
				showPic: false,
				numberCert: false,
				imgCert: false,
				appraisal_imgs: '',
				appraisal_number: '',
				shareUrl: '',
				msg: '',
				authenKey: '',
				auction_id: 0,
				goods_id: 0,
				appraisal_from: [{
						key: 'none',
						value: '无证书'
					},
					{
						key: 'appraisal_site',
						value: '郑州古玩城证书'
					},
					{
						key: 'other',
						value: '其他认证证书'
					}
				],
				bookCore: [],
				urls: '',
				isEdit: false,
				category_id: '',
				camara: '',
				radio1: [
					['1', '10', '30', '50', '100', '200', '500', '1000', '2000']
				],
				timeItems: ['7:00', '10:00', '11:00', '12:00', '14:00',
					'16:00', '17:00', '19:00', '20:00', '21:00', '22:00'
				],
				timePage: false,
				timePage2: false,
				show: false,
				moretxt: '查看更多',
				moresrc: require('../assets/images/home/icon_down.png'),
				categorys: [],
				serverIds: '',
				isWeixin: false,
				isMobile: false,
			}
		},

		components: {
			XHeader,
			Checker,
			CheckerItem,
			Group,
			XTextarea,
			XSwitch,
			PopupPicker,
			Popup,
			Loading,
			Alert,
			Cell,
			Toast,
			Checklist,
			XInput
		},
		mounted() {
			this.getWXUpload();
			let _this = this;
			//认证书切换选择
			$("#file2").change(function() {
				console.log('file2');
				let that = this;
				lrz(that.files[0]).then((data) => {
					let str =
						'<img class="editImg" style="width:4.68rem;height:3.06rem;" id="headimg" src ="' + data.base64 + '"/>' +
						'<input type="hidden" id="images" name="images" value="' + data.base64 + '"/>';
					$('.certImg img').replaceWith(str);
				})
			});
			//上传拍品
			$('#file').change(function() {
				let _that = this;
				let view = $('#photos');
				//限制图片上传张数
				let imgcount = 8;
				for(let i = 0; i < _that.files.length; i++) {
					_this.show = true;
					lrz(_that.files[i]).then(function(rst) {
						//是否可继续添加
						let status = true;
						if(view.find('img').length > imgcount) {
							status = false;
							_this.upload = !_this.upload;
							_this.msg = '最多上传9张图片';
							$('.last').hide();
						}
						if(status) {
							let str = '<div class="item">' +
								'<img src ="' + rst.base64 + '"/>' +
								'<p class="add">主图</p>' +
								'<a href="javascript:;" class="del">删除</a>' +
								'<input type="hidden" id="images" name="images[]"  accept="image/*" multiple="multiple" value="' + rst.base64 + '"/>'; +
							'</div>';
							view.append(str);
							if(i == _that.files.length - 1) {
								// 处理成功会执行
								_this.show = false;
							}
							//点击删除
							$(".del").on("click", function() {
								$(this).parent().remove();
								$(".last").show();
							});
						}
					}).catch(function(err) {
						// 处理失败会执行
					})
				}
			})
		},
		activated() {
			this.getTypeInfo();
			this.isWX();
			this.startTime = this.lastTwoDays(new Date(), 2, true);
			this.endTime = this.lastTwoDays(new Date(), 2, true);
		},
		deactivated() {
			this.$destroy();
		},
		methods: {
			//input[type=number]禁止输入小数点
			handleInput: function(e) {
				e.target.value = e.target.value.replace(/[^\d]/g, '');
			},
			//判断浏览器环境
			isWX: function() {
				if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
					var ua = navigator.userAgent.toLowerCase();
					var isWeixin = ua.indexOf('micromessenger') != -1;
					if(isWeixin) {
						this.isWeixin = true;
					} else {
						this.isWeixin = false;
					}
				} else {
					this.isWeixin = false;
				}
			},

			//微信图片上传
			getWXUpload: function() {
				let _this = this;
				let shareUrl = window.location.href;
				var params = {
					url: shareUrl,
				}
				this.$http({
					method: 'POST',
					url: '/los/api/oauth/script',
					data: params,
				}).then((result) => {
					if(result) {
						wx.config({
							//result.data.debug
							debug: result.data.debug,
							appId: result.data.appId,
							timestamp: result.data.timestamp,
							nonceStr: result.data.nonceStr,
							signature: result.data.signature,
							jsApiList: result.data.jsApiList,
						});
						wx.ready(function() {

						});
						wx.error(function(res) {});
					} else {
						alert('获取信息失败 请重新尝试');
					}
				}).catch((err) => {
					console.log(err);
				})
			},
			wxChooseImage: function() {
				let _this = this;
				var images = {
					localIds: [],
					serverId: []
				};
				wx.chooseImage({
					count: 8,
					needResult: 1,
					sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
					success: function(data) {
						images.localId = data.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
						var i = 0;
						var length = images.localId.length;
						var upload = function(localId) {
							wx.uploadImage({
								localId: localId, // 需要上传的图片的本地ID，由chooseImage接口获得
								isShowProgressTips: 1, // 默认为1，显示进度提示
								success: function(res) {
									i++;
									//									images.serverId.push(res.serverId); // 返回图片的服务器端ID
									//									var serverIds = images.serverId;
									//如果还有照片，继续上传
									if(i < length) {
										_this.postImg(res.serverId, upload(images.localId[i]));
									} else {
										_this.postImg(res.serverId);
									}

								}
							});
						}
						upload(images.localId[i]);
					},
					fail: function(res) {
						alterShowMessage("操作提示", JSON.stringify(res), "1", "确定", "", "", "");
					}
				})
			},
			//上传图片接口
			postImg: function(serverIds, fun = function() {}) {
				this.serverIds = serverIds;
				var str = '';
				var imgcount = 7;
				let view = $('#photos');
				var params = {
					media_id: this.serverIds
				}
				this.$http({
					method: 'POST',
					url: '/los/api/member/wxmedia_to_base64.json',
					data: params
				}).then((rst) => {
					if(rst.data.code == 1) {
						var imgLists = rst.data.data;
						if(view.find('img').length > imgcount) {
							alert('最多上传8张图片')
						} else {
							for(var index = 0; index < imgLists.length; index++) {
								str = '<div class="item">' +
									'<img src ="' + imgLists[index].img_base64 + '"/>' +
									'<p class="add">主图</p>' +
									'<a href="javascript:;" class="del">删除</a>' +
									'<input type="hidden" id="images" name="images[]" value="' + imgLists[index].img_base64 + '"/>'; +
								'</div>';
								view.append(str);
							}
							//点击删除
							$(".del").on("click", function() {
								$(this).parent().remove();
								$(".last").show();
							});
							fun();
						}

					}
				}).catch((err) => {
					//					alert('err:' + JSON.stringify(err));
				});

			},
			//开拍时间选择
			selectStartTime(value) {
				console.log(value);
				this.timePage = !this.timePage;
				this.time1 = value; //开拍时间
				this.start_time = (Date.parse(value) / 1000);
				this.endTime = this.lastTwoDays(value, 2, true);
			},
			//结拍时间选择
			selectEndTime(value) {
				this.timePage2 = !this.timePage2;
				this.time2 = value; //结拍时间
				this.end_time = (Date.parse(value) / 1000);
				this.startTime = this.lastTwoDays(new Date(), 2, true);
			},
			checkEndTime: function() {
				if(this.start_time == '') {
					this.msg = '请先选择开始时间';
					this.upload = !this.upload;
				} else {
					this.timePage2 = !this.timePage2;
				}
			},

			//获取商品分类信息列表
			getTypeInfo: function() {
				this.$http({
					method: 'GET',
					url: '/los/api/category/first_list.json',
					data: ''
				}).then((result) => {
					this.categorys = result.data.list;
					this.getDraftRenew();
				}).catch((err) => {
					console.log(err);
				})
			},

			//分类选择
			onItemClick: function(name, id) {
				console.log(name, id);
				this.showClassify = false;
				this.checked = name;
				this.category_id = id;
			},
			//证书选择
			change(val, label) {
				this.authenKey = val[0];
				this.bookCore = label[0];
				this.authenBook = false;
				if(this.authenKey == 'other') {
					this.showPic = !this.showPic;
					var _this = this;
					$("#file1").change(function() {
						let that = this;
						lrz(that.files[0]).then((data) => {
							let str =
								'<img class="editImg" style="width:4.68rem;height:3.06rem;" id="headimg" src ="' + data.base64 + '"/>' +
								'<input type="hidden" id="images" name="images" value="' + data.base64 + '"/>';
							$('.certImg img').replaceWith(str);
						})
					});
				} else {
					this.showPic = false;
				}
			},
			//点击删除图片
			delUploadImg: function(index) {
				this.imgval.splice(index, 1);
			},
			//点击下一步切换页面
			sallInfo: function() {
				var val = new Array;
				$('#imgList .item input').each(function(index, item) {
					val[index] = $(this).val();
				})
				if(this.goods_name == '' || this.checked == '' || this.remark == '' || val == '') {
					this.msg = '此页面所有选项为必选';
					this.upload = !this.upload;
				} else if(this.goods_name.length > 15) {
					this.msg = '拍品名称字数不超过15个';
					this.upload = !this.upload;
				} else {
					$('#Begin').hide();
					$('#Finish').show();
				}
			},
			//草稿箱的数据信息渲染
			getDraftRenew: function() {
				var val = new Array;
				$('#imgList .item input').each(function(index, item) {
					val[index] = $(this).val();
				})
				let _this = this;
				let auction_id = this.$route.params.auction_id;
				let detailUrl;
				if(auction_id > 0) {
					this.isEdit = true;
					detailUrl = '/los/api/member/auction_info.json?auction_id=' + auction_id
				} else {
					detailUrl = '/los/api/auction/details.json';
					return false;
				}
				this.$http({
					method: 'GET',
					url: detailUrl,
					data: ''
				}).then((result) => {
					this.draft_auction = result.data.goods;
					this.goods_name = this.draft_auction.goods_name;
					this.remark = this.draft_auction.goods_content.replace(/<br\s*\/?>/gi, "\r\n");
					this.checked = this.draft_auction.category_name;
					this.auction_id = result.data.auction.auction_id;
					this.goods_id = this.draft_auction.goods_id;
					console.log(this.auction_id);
					console.log(this.goods_id);
					if(this.draft_auction.goods_imgs != '') {
						this.imgval = this.draft_auction.goods_imgs.split(',');
					}
					this.authenKey = this.draft_auction.appraisal_from;
					$.each(this.appraisal_from, function(index, value) {
						if(value.key == _this.draft_auction.appraisal_from) {
							_this.bookCore = value.value;
							_this.appraisal_number = _this.draft_auction.appraisal_number;
							if(_this.appraisal_number != '') {
								_this.numberCert = true;
							} else if(_this.draft_auction.appraisal_img != '') {
								_this.showPic = true;
								_this.appraisal_imgs = _this.draft_auction.appraisal_img;
								let str = '<img class="editImg" style="width:4.68rem;height:3.06rem;" id="headimg" src ="/los' + _this.appraisal_imgs + '"/>' +
									'<input type="hidden" id="images" name="images" value="/los' + _this.appraisal_imgs + '"/>';
								$('.certImg img').replaceWith(str);
							}
						}
					})
				}).catch((err) => {})
			},
			//点击保存存为草稿箱
			auctionEdit: function() {
				var auction_id;
				var goods_id;
				var val = new Array;
				$('#imgList .item input').each(function(index, item) {
					val[index] = $(this).val();
				})
				var remark = this.remark.replace(/\n|\r\n/g, "<br>");
				let params;
				if(this.isEdit == true) {
					auction_id = this.auction_id;
					goods_id = this.goods_id;
					this.urls = '/los/api/member/auction_edit.json';
					params = {
						goods_name: this.goods_name,
						goods_content: remark,
						goods_imgs: val,
						goods_id: this.draft_auction.goods_id,
						auction_id: auction_id,
						goods_id: goods_id,
						auction_state: 0,
						category_id: this.category_id,
						appraisal_from: this.authenKey,
						appraisal_number: this.appraisal_number,
						appraisal_img: $('.certImg #images').val(),
					}
				} else {
					this.urls = '/los/api/member/auction_add.json'
					params = {
						goods_name: this.goods_name,
						goods_content: remark,
						goods_imgs: val,
						auction_state: 0,
						category_id: this.category_id,
						appraisal_from: this.authenKey,
						appraisal_number: this.appraisal_number,
						appraisal_img: $('.certImg #images').val(),
					}
				}
				console.log(params);
				if(this.goods_name == '') {
					this.msg = '请输入拍品名称';
					this.upload = !this.upload;
				} else if(remark == '') {
					this.msg = '请输入拍品描述';
					this.upload = !this.upload;
				} else {
					this.$http({
						method: 'POST',
						url: this.urls,
						data: params
					}).then((result) => {
						if(result.data.code == 1) {
							this.isEdit = true;
							this.msg = '保存成功';
							this.upload = !this.upload;
							this.auction_id = result.data.data.auction_data.auction_id;
							this.goods_id = result.data.data.goods_data.goods_id;
						} else {
							this.isEdit = false;
							this.msg = result.data.msg;
							this.upload = !this.upload;
						}
					}).catch((err) => {
						console.log(err);
					})
				}
			},
			//将上拍商品信息发送后端
			UploadShopInfo: function() {
				let auction_id = Number(this.$route.params.auction_id);
				var val = new Array;
				$('#imgList .item input').each(function(index, item) {
					val[index] = $(this).val();
				})
				var uploadUrls;
				var params;
				var remark = this.remark.replace(/\n|\r\n/g, "<br>");
				if(this.isEdit == true) {
					uploadUrls = '/los/api/member/auction_edit.json';
					params = {
						goods_name: this.goods_name,
						goods_content: remark,
						goods_imgs: val,
						category_id: this.category_id,
						appraisal_from: this.authenKey,
						appraisal_number: this.appraisal_number,
						appraisal_img: $('.authenUpload input').val(),
						goods_id: this.draft_auction.goods_id,
						auction_id: auction_id,
						auction_startprice: this.startPrice,
						auction_step: this.picked,
						auction_deposit: this.promised[0],
						auction_return: this.is_return,
						auction_shipfee: this.is_mail == 1 ? 0 : 1,
						auction_starttime: this.start_time,
						auction_endtime: this.end_time,
						goods_price: this.valuation,
						auction_state: 1
					}
				} else {
					uploadUrls = '/los/api/member/auction_add.json';
					params = {
						goods_name: this.goods_name,
						goods_content: remark,
						goods_imgs: val,
						category_id: this.category_id,
						appraisal_from: this.authenKey,
						appraisal_number: this.appraisal_number,
						appraisal_img: $('.authenUpload input').val(),
						auction_startprice: this.startPrice,
						auction_step: this.picked,
						auction_deposit: this.promised[0],
						auction_return: this.is_return,
						auction_shipfee: this.is_mail == 1 ? 0 : 1,
						auction_starttime: this.start_time,
						auction_endtime: this.end_time,
						goods_price: this.valuation,
						auction_state: 1
					}
				}
				console.log(params);
				if(this.start_time == '' || this.end_time == '') {
					this.msg = '开始时间 结止时间为必选';
					this.upload = !this.upload;
				} else if(this.picked == 0) {
					this.msg = '加价幅度必须大于0';
					this.upload = !this.upload;
				} else {
					this.show = true;
					this.msg = '上传中';
					this.$http({
						method: 'POST',
						url: uploadUrls,
						data: params,
					}).then((result) => {
						console.log(result);
						if(result.data.code == 1) {
							this.show = false;
							this.upload = !this.upload;
							this.msg = result.data.msg;
							var params = {
								auction_id:result.data.data.auction_data.auction_id
							}
							this.$http({
								method:'POST',
								url:'/los/api/seller/auction_deposit.json',
								data:params
							}).then((result)=>{
								console.log(result.data);
								if(result.data.code == 1){
									
								}
							}).catch((err)=>{
								
							})
//							setTimeout(function() {
//								location.href = '#/Detail/id/' + result.data.data.auction_data.auction_id;
//							}, 200)
						} else {
							this.show = false;
							this.upload = !this.upload;
							this.msg = result.data.msg;
						}
					}).catch((err) => {
						//						alert(JSON.stringify('err:' + err));
					})
				}
			},

			back: function() {
				window.history.go(-1);
			},

			hide: function() {
				$('#Begin').css('display', 'block');
				$('#Finish').css('display', 'none');
			},

			isMore: function() {
				let _this = this;
				if($('.types').hasClass("block")) {
					let height = $('.originChecked').height();
					$('.types').removeClass('block');
					$('.types').animate({
						'height': height
					});
					_this.moretxt = '点击收起';
					_this.moresrc = require('../assets/images/home/icon_up.png');
				} else {
					$('.types').addClass('block');
					$('.types').animate({
						'height': '3rem'
					});
					_this.moretxt = '查看更多';
					_this.moresrc = require('../assets/images/home/icon_down.png');
				}
			},
			//获取最近两天的日期
			lastTwoDays(mydate, days, iscurr = false) {
				//最近天数
				let lastDate = [];
				//年,月，日，时间等
				let year = [],
					month = [],
					day = [],
					dateTime = [];

				//是否包含当前时间
				if(iscurr == true) {
					//最近几天
					for(let i = 0; i < days; i++) {
						let arr = {};
						let drr = {};
						let curDate = new Date(mydate);
						dateTime[i] = new Date(curDate.getTime() + i * 24 * 60 * 60 * 1000);
						//第几年
						year[i] = dateTime[i].getFullYear();
						//第几月
						month[i] = dateTime[i].getMonth() + 1;
						//格式化月份
						if(month[i] < 10) {
							month[i] = "0" + month[i];
						}
						//第几天
						day[i] = dateTime[i].getDate();
						//格式化天数
						if(day[i] < 10) {
							day[i] = "0" + day[i];
						}
						//日期
						arr['date'] = year[i] + "/" + month[i] + "/" + day[i] + " ";
						//时间
						for(let j = 0; j < this.timeItems.length; j++) {
							drr[j] = arr['date'] + this.timeItems[j];
						}
						arr['datetime'] = drr;
						arr['time'] = this.timeItems;
						lastDate.push(arr);
					}
				} else {
					//最近几天
					for(let i = 1; i < days + 1; i++) {
						let arr = {};
						let drr = {};
						let curDate = new Date(mydate);
						dateTime[i] = new Date(curDate.getTime() + i * 24 * 60 * 60 * 1000);
						//第几年
						year[i] = dateTime[i].getFullYear();
						//第几月
						month[i] = dateTime[i].getMonth() + 1;
						//格式化月份
						if(month[i] < 10) {
							month[i] = "0" + month[i];
						}
						//第几天
						day[i] = dateTime[i].getDate();
						//格式化天数
						if(day[i] < 10) {
							day[i] = "0" + day[i];
						}
						//日期
						arr['date'] = year[i] + "/" + month[i] + "/" + day[i] + " ";
						//时间
						for(let j = 0; j < this.timeItems.length; j++) {
							drr[j] = arr['date'] + this.timeItems[j];
						}
						arr['datetime'] = drr;
						arr['time'] = this.timeItems;
						lastDate.push(arr);
					}
				}

				return lastDate;
			}
		}
	}
</script>

<style scoped>
	#Begin {
		position: relative;
	}
	
	.vux-header {
		background: #fff;
	}
	
	#Finish {
		display: none;
	}
	
	.vux-tap-active:active {
		background: #fff;
	}
	
	input::-webkit-input-placeholder {
		color: #777;
	}
	
	input::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #777;
	}
	
	input:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #777;
	}
	
	input:-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #777;
	}
	/*上传证书*/
	
	.authenUpload {
		width: 100%;
		padding: 0.26rem;
		background: #fff;
		position: relative;
		overflow: hidden;
	}
	
	.authenUpload:before {
		content: " ";
		position: absolute;
		left: 0;
		top: 1rem;
		right: 0;
		height: 1px;
		border-bottom: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.authenUpload .upWrap {
		width: 4.68rem;
		height: 3.06rem;
		border: dashed 1px #aaa;
		position: relative;
		float: left;
	}
	
	.authenUpload .certImg {
		width: 4.68rem;
		height: 3.06rem;
		float: right;
	}
	
	.authenUpload .certImg img {
		width: 100%;
		height: 100%;
	}
	
	.authenUpload .upWrap img {
		width: 0.93rem;
		height: 0.93rem;
		margin-left: 2rem;
		margin-top: 0.6rem;
	}
	
	.authenUpload .upWrap .add {
		margin-top: .4rem;
		color: #aaa;
		font-size: 0.4rem;
		text-align: center;
	}
	
	.authenUpload .fileWrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 3.06rem;
		opacity: 0;
	}
	
	.authenUpload .upload span {
		display: inline-block;
		float: left;
		margin-left: 1.46rem;
		font-size: 0.37rem;
		color: #333;
		margin-top: 0.53rem;
	}
	
	.checkTitle {
		height: 1.3rem;
		line-height: 1.3rem;
		padding: 0 0.26rem;
		position: relative;
		overflow: hidden;
		font-size: 0.42rem;
		margin-bottom: 0.4rem;
	}
	
	.checkTitle p {
		width: 100%;
		color: #777;
		text-align: center;
	}
	
	.checkTitle:after {
		content: " ";
		position: absolute;
		left: 0;
		top: 1.28rem;
		right: 0;
		height: 1px;
		width: 94%;
		margin: 0 auto;
		border-bottom: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.checked-item {
		width: 33.33%;
		color: #333;
		text-align: center;
		font-size: 0.37rem;
		padding: 0.32rem;
		border-radius: 0.1rem;
	}
	
	.checked-item:nth-child(4n) {
		margin-right: 0;
	}
	
	.checked-item-selected {
		background-color: #a30000;
		color: #fff;
	}
	
	.demo1-item {
		border: 1px solid #e6e6e6;
		width: 2.18rem;
		height: 0.8rem;
		line-height: 0.8rem;
		color: #777;
		font-size: 0.34rem;
		text-align: center;
		margin-bottom: 0.24rem;
		margin-right: 0.24rem;
		border-radius: 0.05rem;
	}
	
	.demo2-item {
		width: 2.18rem;
		height: 0.8rem;
		line-height: 0.8rem;
		color: #fff;
		font-size: 0.34rem;
		text-align: center;
		margin-bottom: 0.24rem;
		margin-right: 0.24rem;
		border-radius: 0.05rem;
		background: #a30000;
	}
	
	.demo1-item:nth-child(4n) {
		margin-right: 0;
	}
	
	.demo1-item-selected {
		border: dashed 1px #a30000;
	}
	
	.classify {
		width: 100%;
		background: #fff;
		padding: 0 0.26rem;
		margin-top: 0.26rem;
		position: relative;
	}
	
	.classify img,
	.book img {
		position: absolute;
		right: 0;
		top: 0.46rem;
		width: 0.32rem;
		height: 0.32rem;
	}
	
	.book {
		width: 100%;
		background: #fff;
		padding: 0 0.26rem;
		margin-top: 0.26rem;
		position: relative;
	}
	
	.photo {
		width: 100%;
		background: #fff;
		z-index: 10;
		position: relative;
	}
	
	.photo:after {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		width: 96%;
		margin: 0 auto;
		border-top: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.photo .textarea {
		padding: 0 0.26rem;
	}
	
	.photo .textarea span {
		display: block;
		line-height: 1.13rem;
		font-size: 0.37rem;
	}
	/*协议*/
	
	.protocal {
		line-height: 0.6rem;
		height: 0.6rem;
		font-size: 0.18rem;
		margin-top: 1.4rem;
	}
	
	.protocal p {
		line-height: 0.85rem;
		height: 0.85rem;
		text-align: center;
		font-size: 0.32rem;
		color: #777;
	}
	
	.protocal p a {
		color: #4575fe;
	}
	
	#light b {
		font-size: 0.4rem;
		line-height: 0.4rem;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin: 0.26rem 0 0.37rem 0;
		display: block;
	}
	
	#light .proInfo {
		font-size: 0.37rem;
		line-height: 0.5rem;
		padding: 0.26rem;
	}
	
	.black_overlay {
		display: none;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: #000;
		z-index: 1001;
		-moz-opacity: 0.8;
		opacity: .70;
		overflow: hidden;
	}
	
	.white_content {
		display: none;
		position: absolute;
		top: 2rem;
		width: 100%;
		margin: 0 auto;
		left: 0.46rem;
		width: 9.06rem;
		height: 12rem;
		background-color: white;
		border-radius: 0.13rem;
		z-index: 1002;
		overflow: auto;
	}
	
	.nextPage {
		width: 8.56rem;
		height: 1.3rem;
		left: 0.72rem;
		background: #a30000;
		color: #fff;
		line-height: 1.3rem;
		text-align: center;
		border-radius: 0.05rem;
		font-size: 0.4rem;
		margin: 2rem auto 0.4rem;
	}
	
	.white_content .close {
		background: #a30000;
		height: 1rem;
		display: block;
		width: 100%;
		color: #fff;
		font-size: 0.4rem;
		line-height: 1rem;
		text-align: center;
	}
	/*截拍时间 发布页面*/
	
	.PersonList {
		background: #fff;
		position: relative;
	}
	
	.PersonList:before {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		border-top: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.PersonList ul {
		overflow: hidden;
	}
	
	.PersonList ul li {
		float: left;
		width: 100%;
		height: 1.3rem;
		line-height: 1.3rem;
		overflow: hidden;
		position: relative;
	}
	
	.PersonList ul li>div {
		width: 100%;
		height: 100%;
		float: right;
		overflow: hidden;
		position: relative;
		padding: 0 0.26rem;
	}
	
	.PersonList ul li:after {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		border-bottom: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.PersonList ul li>div .timer {
		float: right;
		padding-right: 0.5rem;
	}
	
	.PersonList ul li>div .choose {
		float: left;
		height: 1.3rem;
		line-height: 1.3rem;
	}
	
	.PersonList ul li>div img {
		width: 0.32rem;
		height: 0.32rem;
		float: right;
		margin-top: 0.49rem;
	}
	
	.PersonList ul li span {
		float: left;
		font-size: 0.37rem;
		color: #333;
		text-align: left;
		width: 3.01rem;
	}
	
	.PersonList ul li>div b {
		font-weight: normal;
		float: left;
		text-align: left;
		font-size: 0.37rem;
		color: #777;
	}
	
	.PersonList ul li>div .sex {
		color: #676767;
	}
	
	.PersonList ul li i {
		float: right;
		padding-right: 0.2rem;
	}
	
	.startPrice {
		width: 100%;
		height: 1.3rem;
		background: #fff;
		overflow: hidden;
		font-size: 0.37rem;
		padding: 0 0.26rem;
		position: relative;
	}
	
	.startPrice:after {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		border-bottom: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.startPrice:first-child:after {
		border: none;
	}
	
	.startPrice input {
		width: 60%;
		float: left;
		height: 100%;
		border: none;
		outline: none;
		text-align: left;
		color: #999;
	}
	
	.startPrice span {
		float: left;
		width: 20%;
		height: 1.3rem;
		line-height: 1.3rem;
		width: 3.01rem;
	}
	
	.startPrice .vux-cell-box {
		width: 100%;
		height: 100%;
		padding-top: 0.13rem;
	}
	
	.startPrice .right {
		position: absolute;
		top: 0.26rem;
		right: 0.26rem;
		width: 0.32rem;
		height: 0.32rem;
		margin-top: 0.26rem;
	}
	
	.issue {
		width: 8.56rem;
		height: 1.3rem;
		left: 0.72rem;
		background: #a30000;
		color: #fff;
		line-height: 1.3rem;
		text-align: center;
		border-radius: 0.05rem;
		font-size: 0.4rem;
		margin: 0.26rem auto 0.4rem;
	}
	
	.postage {
		margin-top: 0.26rem;
	}
	
	.goodsname {
		width: 100%;
		height: 1.3rem;
		background: #fff;
		overflow: hidden;
		font-size: 0.37rem;
		padding: 0 0.26rem;
		position: relative;
	}
	
	.goodsname:before,
	.authenUpload:before {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		width: 96%;
		margin: 0 auto;
		border-bottom: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.goodsname span {
		width: 20%;
		float: left;
		height: 1.3rem;
		line-height: 1.3rem;
	}
	
	.goodsname input {
		width: 80%;
		float: left;
		height: 1.3rem;
		line-height: 1.3rem;
		border: none;
		outline: none;
		text-align: left;
		color: #333;
		font-size: 0.37rem;
	}
	
	.startPrice:after {
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 1px;
		border-bottom: 1px solid #e6e6e6;
		color: #e6e6e6;
		transform-origin: 0 0;
		transform: scaleY(0.5);
	}
	
	.auction-title {
		line-height: 1.13rem;
		font-size: 0.37rem;
		padding: 0 0.26rem;
		display: block;
	}
	
	.weui-cell:before {
		left: 0!important;
	}
	
	.weui-cells:after {
		border: none!important;
	}
	/*重置组件样式*/
	
	.weui-cell>div .weui-cell__hd {
		width: 3.01rem!important;
	}
	
	.weui-cell>div p,
	.weui-cell__hd .weui-label {
		color: #333!important;
	}
	
	.postage .weui-cell {
		padding: 0 0.26rem!important;
		height: 1.3rem;
	}
	
	.vux-cell-value {
		color: #777!important;
	}
	/*上传图片*/
	
	.chooseImg {
		overflow: hidden;
		padding: 0.2rem;
	}
	
	.chooseImg img {
		width: 1.8rem;
		height: 1.8rem;
		float: left;
	}
	
	.uploadList {
		width: 100%;
	}
	
	.uploadList li {
		width: 1.8rem;
		height: 1.8rem;
		position: relative;
	}
	
	.uploadList li i {
		position: absolute;
	}
	
	.timeWrap {
		padding: 0 0.26666rem;
	}
	
	.timeWrap .box h2 {
		padding: 0.26666rem 0;
		color: #A30000;
	}
</style>

<style>
	#Upload .photo .img-list {
		/*overflow: hidden;*/
		padding: 0.26rem;
	}
	
	#Upload .clear {
		clear: both;
	}
	
	#Upload .photo .img-list .last {
		position: relative;
		float: left;
		width: 2.18rem;
		height: 2.18rem;
		margin-bottom: 0.24rem;
	}
	
	#Upload .photo .img-list .item {
		position: relative;
		float: left;
		width: 2.18rem;
		height: 2.18rem;
		margin-right: 0.24rem;
		margin-bottom: 0.24rem;
	}
	
	#Upload .photo .img-list .item .add {
		display: none;
	}
	
	#Upload .photo .img-list .item:first-child .add {
		display: block;
		width: 100%;
		height: 0.61rem;
		line-height: 0.61rem;
		position: absolute;
		color: #fff;
		font-size: 0.32rem;
		text-align: center;
		bottom: 0;
		background: rgba(0, 0, 0, .5);
	}
	
	#Upload .photo .img-list .item:nth-child(4n) {
		margin-right: 0;
	}
	
	#Upload .photo .img-list .item img {
		width: 2.18rem;
		height: 2.18rem;
	}
	
	#Upload .photo .img-list .item .del {
		position: absolute;
		right: 0.10666rem;
		top: 0.10666rem;
		width: 0.58666rem;
		height: 0.58666rem;
		font-size: 0;
		background: url(../assets/images/home/icon_del.png) center center no-repeat;
		background-size: 100%;
	}
	
	#Upload .photo .img-list .last {
		text-align: center;
		padding-top: 1.52rem;
		font-size: 0.34666rem;
		color: #aaa;
		border: dashed 1px #e6e6e6;
	}
	
	#Upload .photo .img-list .last:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 0.48rem;
		width: 1px;
		height: 0.61333rem;
		background-color: #aaa;
	}
	
	#Upload .photo .img-list .last:before {
		content: '';
		position: absolute;
		left: 0.77333rem;
		top: 0.8rem;
		width: 0.61333rem;
		height: 1px;
		background-color: #aaa;
	}
	
	#Upload .photo .img-list .last .fileprew {
		position: absolute;
		top: 0;
		left: 0;
		width: 2.18rem;
		height: 2.18rem;
		font-size: 1.33333rem;
		opacity: 0;
		/* 实现的关键点 */
		filter: alpha(opacity=0);
		/* 兼容IE */
	}
	
	#Upload .photo textarea {
		font-family: "Avenir", Helvetica, Arial, sans-serif !important;
	}
	/*保证金*/
	
	#Upload .startPrice .vux-popup-picker-value {
		margin-left: 0 !important;
		color: #999 !important;
	}
	
	#Upload .free .weui-cells:before {
		border-top: none;
	}
	
	#Upload .startPrice .vux-cell-box .weui-label {
		color: #333!important;
	}
	
	#Upload .weui-cell__ft .weui-switch {
		top: 0.3rem!important;
	}
</style>